<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../bootstrap/js/detail/bootstrap-modal.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#myModal').modal({
	    backdrop:true,
	    keyboard:true,
	    show:false
	});
});

</script>
<style type="text/css">
.show {
	border: 1px solid #eeeeee
}
.show_back {
	background-color:blue;
}
</style>
</head>
<br>
<div class="modal" id="myModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>对话框标题</h3>
  </div>
  <div class="modal-body">
    <p>对话框内容</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">关闭</a>
    <a href="#" class="btn btn-primary">保存更新</a>
  </div>
</div>
<div class="container">
	<div class="row">
		<div class="span1 show">1</div>
		<div class="span1 show">2</div>
		<div class="span1 show">3</div>
		<div class="span1 show">4</div>
		<div class="span1 show">5</div>
		<div class="span1 show">6</div>
		<div class="span1 show">7</div>
		<div class="span1 show">8</div>
		<div class="span1 show">9</div>
		<div class="span1 show">10</div>
		<div class="span1 show">11</div>
		<div class="span1 show">12</div>
	</div>
</div>
<br>
<div class="container">
	<div class="row">
		<div class="span1 show_back">1</div>
		<div class="span1 show_back">2</div>
		<div class="span1 show_back">3</div>
		<div class="span1 show_back">4</div>
		<div class="span1 show_back">5</div>
		<div class="span1 show_back">6</div>
		<div class="span1 show_back">7</div>
		<div class="span1 show_back">8</div>
		<div class="span1 show_back">9</div>
		<div class="span1 show_back">10</div>
		<div class="span1 show_back">11</div>
		<div class="span1 show_back">12</div>
	</div>
</div>
<br>
<div class="container">
		<div class="span1 show_back">1</div>
		<div class="span1 show_back">2</div>
		<div class="span1 show_back">3</div>
		<div class="span1 show_back">4</div>
		<div class="span1 show_back">5</div>
		<div class="span1 show_back">6</div>
		<div class="span1 show_back">7</div>
		<div class="span1 show_back">8</div>
		<div class="span1 show_back">9</div>
		<div class="span1 show_back">10</div>
		<div class="span1 show_back">11</div>
		<div class="span1 show_back">12</div>
</div>
</html>